<template>
  <div id="collection-wrap">
      <ListCollect></ListCollect>
      <div class="enlarge-range" v-if="false">
          <p>存储空间：0.88GB可用（共1GB）</p>
          <div class="range">
              <div class="range-value"></div>
          </div>
      </div>
  </div>
</template>
<script>
    import ListCollect from "./list-collect.vue";
    import {
        refreshTitle
    } from "../../tools.js";
    export default {
        data() {
            return {
                select: 12,
            }
        },
        computed: {
            Show() {
                // return 
            },
        },
        created() {
            refreshTitle(this.$route.meta.title);
        },
        components: {
            ListCollect,
        },
        mounted() {
            this.$nextTick(function() {
                // console.log(ListCollect)
            })
        }

    }
</script>
<style>
    #collection-wrap {
        padding-bottom: 50px;
        .enlarge-range {
            width: 96%;
            height: 30px;
            padding-left: 15px;
            font-size: 12px;
            color: #fff;
            box-sizing: border-box;
        }
        .enlarge-range .range {
            width: 100%;
            height: 100%;
            background-color: #fff;
        }
        .enlarge-range .range .range-value {
            width: 40%;
            height: 100%;
            background-color: #00bb9c;
        }
    }
</style>